<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv=X-UA-Compatible content="IE=edge,chrome=1">
    <meta content=always name=referrer>
    <link rel="stylesheet" type="text/css" href="__STATIC__/css-wap/swiper.min.css">
    <link rel="stylesheet" type="text/css" href="__STATIC__/css-wap/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="__STATIC__/css-wap/style.css">
    <script src="__STATIC__/js-wap/jquery-1.11.3.min.js"></script>
    <script src="__STATIC__/js-wap/swiper.min.js"></script>
    <script src="__STATIC__/js-wap/common.js"></script>
    <title>我的</title>
    <script>
        $(function () {
            var tx_w = $('#tx').width();
            //设置其高度等于宽度
            $('#tx').css('height',tx_w+'px');
        })
    </script>
    <style>
        .my_list{
            width: 100%;
            height: auto;
            background: white;
            overflow: hidden;
        }
        .my_list li{
            float: left;
            width: 50%;
            text-align: center;
            font-size: 14px;
            line-height: 22px;
            padding: 2% 0;
            position: relative;
        }
        .my_list li:first-of-type::after{
            position: absolute;
            right:0;
            top:50%;
            margin-top: -11px;
            width: 1px;
            height: 22px;
            background: #333;
            content: '';
        }
        .my_list li a{
            display: block;
            color: #333;
        }


        
        .per_head{
            width: 100%;
            height: auto;
            position: relative;
        }
        .per_head .main{
            width: 100%;
            min-height: 160px;
        }
        .set_icon{
            position: absolute;
            top:20px;
            right:12%;
            width: 22px;
        }
        .mes_icon{
            position: absolute;
            top:20px;
            width: 22px;
            right:3%;
        }
        .right_icon{
            position: absolute;
            bottom:2px;
            right:0;
            width: 26%;
        }
        .bottom_icon{
            position: absolute;
            bottom:0;
            right:0;
            width: 100%;
        }
        .user_info{
            position: absolute;
            left:3%;
            top:50%;
            overflow: hidden;
            margin-top: -35px;
        }
        .user_icon{
            position: relative;
            float: left;
        }
        .user_icon span{
            position: absolute;
            display: block;
            width: 100%;
            font-size: 12px;
            line-height: 18px;
            background: #838383;
            border-radius: 10px;
            bottom:0px;
            text-align: center;
        }
        .user_icon span a{
            color: white;
        }
        .user_icon img{
            width: 70px;
            height: 70px;
            border-radius: 100%;
        }
        .user_name{
            float: left;
            margin-left: 20px;
        }
        .user_name .title{
            font-size: 14px;
            line-height: 24px;
            color: white;
            margin-top: 10px;
        }
        .user_name .level{
            border:1px solid #C17A6C;
            font-size: 12px;
            line-height: 16px;
            border-radius: 10px;
            color: white;
            display: inline-block;
            padding: 0 10px;
            margin-top: 10px;
        }
        .user_name .level i{
            margin-right: 5px;
        }
        .order_item{
            width: 100%;
            overflow: hidden;
            padding: 10px 0;
            border-bottom: 1px solid #EEEEEE;
            background: white;
        }
        .order_item li{
            width: 20%;
            text-align: center;
            float: left;
            position: relative;
        }
        .order_item li div{
            width: 28px;
            height: 28px;
            margin: 0 auto;
            position: relative;
        }
        .order_item li div .num{
            position: absolute;
            width:14px;
            height: 14px;
            font-size: 12px;
            line-height: 14px;
            border:1px solid #E73f09;
            display: block;
            top:1px;
            right:-4px;
            background: white;
            border-radius: 20px;
            color: #E73F09;
        }
        .order_item li div img{
            width: 22px;
        }
        .order_item li div .icon{
            margin-top: 6px;
            width: 24px;
        }
        .order_item li div.main{
            font-size: 18px;
            line-height: 28px;
            color: #333;
        }
        .order_item li .title{
            font-size: 12px;
            line-height: 30px;
            color: #333;
            display: block;
        }
        .order_item li:last-child::before{
            position: absolute;
            content: '';
            width:6px;
            height: 47px;
            background: url("__STATIC__/img-new/right.png") no-repeat;
            background-size: 100% 100%;
            left:0;
            top:50%;
            margin-top: -23.5px;
        }
        .list_item{
            width: 100%;
            overflow: hidden;
            background: url("__STATIC__/img-new/bg1.png") no-repeat;
            background-size: 100% 100% ;
            padding: 12px 0 5px;
            margin-top: 10px;
        }
        .list_item li{
            width: 20%;
            text-align: center;
            float: left;
            font-size: 12px;
            line-height: 30px;
            color: #333;
        }
        .list_item li a{
            color: #333;
        }
        .list_item li img{
            width: 30px;
            height: 30px;
            display: block;
            margin: 0 auto;
        }
        .ser_item{
            margin-top: 10px;
            padding-top: 15px;
        }
        .ser_item li{
            width: 25%;
        }
        .ser_item li:last-child::before{
            width: 0;
        }
        .ser_item li div.main{
            color: #E73F09;
        }
    </style>
</head>
<body style="background: #F6F6F6;">
<div class="wrap">
    <div class="personal_con">
        <div class="per_head">
            <img src="__STATIC__/img-new/bg.png" class="main">
            <img src="__STATIC__/img_user/wd-shezhi.png" class="set_icon" {if condition="$Think.session.member_id"} onclick=window.location.href="{:url('mobile/user_info/user_set_index')}" {else/} onclick="layer.open({content:'请登录',skin:'msg',time:2})" {/if}>
            <img src="__STATIC__/img-wap/xiaoxi1.png" class="mes_icon" onclick="jump_message();">
            <img src="__STATIC__/img-new/pic1.png" class="right_icon">
            <img src="__STATIC__/img-new/pic2.png" class="bottom_icon">
            <div class="user_info">
                <div class="user_icon">
                    <a href="{:url('mobile/user_info/self_information')}">
                        <img {if condition="strstr($memberInfo.avatar,'http')"} src="{$memberInfo.avatar}" {else/} src="/{$memberInfo.avatar}" style="" {/if} onerror="this.src='__STATIC__/img-new/icon1.png'">
                    </a>
                </div>
                <div class="user_name">
                    <div class="title">{$memberInfo.nickname|default="暂无昵称"}</div>
                    <div class="level"><i></i>{$memberInfo.level}</div>
                </div>
            </div>
        </div>
        <div class="per_con">
            <ul class="order_item">
                <li>
                    <a {if condition="$Think.session.member_id"} href="{:url('mobile/user_info/member_order')}?status=0" {else/} href="javascript:login()" {/if}>
                        <div>
                            <img src="__STATIC__/img-new/dfk.png" class="icon">
                            {neq name="orderCount.obligation" value="0"}
                            <span class="num">{$orderCount.obligation}</span>
                            {/neq}
                        </div>
                        <span class="title">待付款</span>
                    </a>
                </li>
                <li>
                    <a {if condition="$Think.session.member_id"} href="{:url('mobile/user_info/member_order')}?status=2" {else/} href="javascript:layer.open({content:'请登录',skin:'msg',time:2});" {/if}>
                        <div>
                            <img src="__STATIC__/img-new/dsh.png" class="icon">
                            {neq name="orderCount.receiving" value="0"}
                            <span class="num">{$orderCount.receiving}</span>
                            {/neq}
                        </div>
                        <span class="title">待收货</span>
                    </a>
                </li>
                <li>
                    <a {if condition="$Think.session.member_id"} href="{:url('mobile/user_info/member_order')}?status=3" {else/} href="javascript:layer.open({content:'请登录',skin:'msg',time:2});" {/if}>
                        <div>
                            <img src="__STATIC__/img-new/dpj.png" class="icon">
                            {neq name="orderCount.evaluate" value="0"}
                            <span class="num">{$orderCount.evaluate}</span>
                            {/neq}
                        </div>
                        <span class="title">待评价</span>
                    </a>
                </li>
                <li>
                    <a href="{:url('mobile/user_info/member_order')}?status=6,9,10,11">
                        <div>
                            <img src="__STATIC__/img-new/thh.png" class="icon">
                            {neq name="orderCount.exchange" value="0"}
                            <span class="num">{$orderCount.exchange}</span>
                            {/neq}
                        </div>
                        <span class="title">退换货</span>
                    </a>
                </li>
                <li>
                    <a {if condition="$Think.session.member_id"} href="{:url('mobile/user_info/member_order')}?status=all" {else/} href="javascript:layer.open({content:'请登录',skin:'msg',time:2});" {/if}>
                        <div>
                            <img src="__STATIC__/img-new/order.png" class="icon_main">
                        </div>
                        <span class="title">全部订单</span>
                    </a>
                </li>
            </ul>
            <ul class="order_item">
                <li>
                    <a href="javascript:commission();">
                        <div class="main">{$memberInfo.brokerge}</div>
                        <span class="title">佣金</span>
                    </a>
                </li>
                <li>
                    <a {if condition="$Think.session.member_id"} href="{:url('mobile/user_info/my_coupon_index')}?type=shop_index" {else/} href="javascript:layer.open({content:'请登录',skin:'msg',time:2});" {/if}>
                        <div class="main">{$memberInfo.coupon}</div>
                        <span class="title">优惠券</span>
                    </a>
                </li>
                <li>
                    <a href="javascript:to_red_packet();">
                        <div class="main">{$memberInfo.red}</div>
                        <span class="title">红包</span>
                    </a>
                </li>
                <li>
                    <a {if condition="$Think.session.member_id"} href="javascript:to_integral();" {else/} href="javascript:layer.open({content:'请登录',skin:'msg',time:2});" {/if}>
                        <div class="main">{$memberInfo.integral}</div>
                        <span class="title">积分</span>
                    </a>
                </li>
                <li>
                    <a {if condition="$Think.session.member_id"} onclick="to_my_wallet();" {else/} onclick="layer.open({content:'请登录',skin:'msg',time:2});" {/if}>
                        <div class="main"><img src="__STATIC__/img-new/wdqb.png" class="icon_main"></div>
                        <span class="title">我的钱包</span>
                    </a>
                </li>
            </ul>
            <ul class="list_item">
                <li><a href="javascript:share();"><img src="__STATIC__/img-new/icon2.png">我的二维码</a></li>
                <li><a href="javascript:distribution();"><img src="__STATIC__/img-new/icon3.png">分销商</a></li>
                <li><a {if condition="$Think.session.member_id"} onclick='document.location="{:url('mobile/member_order/fx_order')}"' {else/} href="javascript:layer.open({content:'请登录',skin:'msg',time:2});" {/if}><img src="__STATIC__/img-new/icon4.png">分销订单</a></li>
                <li><a href="javascript:commission();"><img src="__STATIC__/img-new/icon5.png">佣金</a></li>
                <li><a {if condition="$Think.session.member_id"} href="javascript:commission();" {else/} href="javascript:layer.open({content:'请登录',skin:'msg',time:2});" {/if}><img src="__STATIC__/img-new/icon6.png">我的分销</a></li>
            </ul>
            <ul class="order_item ser_item">
                <li>
                    <a {if condition="$Think.session.member_id"} href="{:url('mobile/user_info/my_collect')}?type=1" {else/} href="javascript:layer.open({content:'请登录',skin:'msg',time:2});" {/if} >
                        <div class="main">{$collect.goods}</div>
                        <span class="title">收藏商品</span>
                    </a>
                </li>
                <li>
                    <a {if condition="$Think.session.member_id"} href="{:url('mobile/user_info/my_collect')}?type=2" {else/} href="javascript:layer.open({content:'请登录',skin:'msg',time:2});" {/if}>
                        <div class="main">{$collect.shop}</div>
                        <span class="title">收藏店铺</span>
                    </a>
                </li>
                <li>
                    <a {if condition="$Think.session.member_id"} href="{:url('mobile/user_info/shop_browse')}" {else/} href="javascript:layer.open({content:'请登录',skin:'msg',time:2});" {/if}>
                        <div class="main">{$browse}</div>
                        <span class="title">浏览记录</span>
                    </a>
                </li>
                <li>
                    <a href="tel:{$tel}">
                        <div class="main"><img src="__STATIC__/img-new/icon7.png" class="icon_main"></div>
                        <span class="title">客户服务</span>
                    </a>
                </li>
            </ul>
            <ul class="order_item ser_item" style="margin-top: 0;">
                <!--<li>-->
                    <!--<a href="javascript:to_my_auction();" style="display: block">-->
                    <!--<div class="main"><img src="__STATIC__/img-new/new_icon1.png" class="icon_main"></div>-->
                    <!--<span class="title">我的拍卖</span>-->
                    <!--</a>-->
                <!--</li>-->
                <li>
                    <a href="{:url('Draw/order_list')}?status=0" style="display: block">
                        <div class="main"><img src="__STATIC__/img-new/new_icon2.png" class="icon_main"></div>
                        <span class="title">我的抽奖</span>
                    </a>
                </li>
                <li>
                    <a href="{:url('user_info/address_manage')}?act=my" style="display: block;">
                        <div class="main"><img src="__STATIC__/img-new/new_icon3.png" class="icon_main"></div>
                        <span class="title">收货地址</span>
                    </a>
                </li>
            </ul>
        </div>

    </div>

    <div class="block"></div>
    <div class="footer-menu">
        <ul class="footer_menu_list">
            <li><a href="{:url('mobile/user_port/index')}"><img src="__STATIC__/img-wap/nav5.png"><span>首页</span></a></li>
            <li><a href="{:url('mobile/user_category/index')}?cate_id=recommend"><img src="__STATIC__/img-wap/nav2.png"><span>分类</span></a></li>
            <li><a href="javascript:cart_check();"><img src="__STATIC__/img-wap/nav3.png"><span>购物车</span></a></li>
            <li class="active"><a href="#"><img src="__STATIC__/img-wap/nav8.png"><span>我的</span></a></li>
        </ul>
    </div>

</div>
<script src="__STATIC__/js/layer_mobile/layer.js"></script>
<script>


    function login(){
        layer.msg('请先登录');
        location.href="{:url('member/login')}";
    }

    // 微信分享
    function share(){
        var ua = window.navigator.userAgent.toLowerCase();

        if(ua.match(/MicroMessenger/i) == 'micromessenger'){
            window.location.href="{:url('mobile/scan_code/qrcode')}?uid={$Think.session.member_id}&act=share";
        }else{
            layer.open({content:'请到微信浏览器内访问本页面',skin:'msg',time:4})
        }
    }

    //未登录跳转到登录
    function jump_login(){
        layer.open({
            content: '您还未登录,请登录'
            ,btn: ['去登录', '取消']
            ,yes: function(index){
                window.location.href="{:url('mobile/user_port/login')}";
                layer.close(index);
            }
        });
    }

    // 进入购物车
    function cart_check(){
        if ('{$Think.session.member_id}'){
            window.location.href="{:url('mobile/user_cart/cart_index')}";
        }else{
            jump_login();
        }
    }
    //跳转到我的钱包
    function to_my_wallet(){
        sessionStorage.setItem('wallet_index',window.location.href);
        window.location.href = "{:url('mobile/user_info/my_wallet')}";
    }

    // 跳转我的拍卖
    function to_my_auction() {
        sessionStorage.setItem('my_auction',window.location.href);
        window.location.href = "{:url('mobile/auction/order_selling')}";
    }

    // 跳转佣金主页
    function commission() {
        sessionStorage.setItem('commission_back',window.location.href);
        window.location.href = "{:url('mobile/user_info/brokerage_index')}";

    }

    // 跳转我的分销商
    function distribution() {
        sessionStorage.setItem('distribution_back',window.location.href);
        window.location.href = "{:url('mobile/member_order/my_distribution')}";
    }

    // 跳转我的消息
    function jump_message() {
        if ('{$Think.session.member_id}') {
            sessionStorage.setItem('my_message', window.location.href);
            window.location.href = "{:url('mobile/user_info/message_index')}";
        }else {
            jump_login();
        }
    }

    // 跳转我的红包
    function to_red_packet() {
        sessionStorage.setItem('red_packet',window.location.href);
        window.location.href = " {:url('mobile/user_info/packet')}";
    }

    // 跳转积分商城
    function to_integral() {
        sessionStorage.setItem('integral_index',window.location.href);
        window.location.href = "{:url('mobile/user_info/integral_index')}";
    }


</script>
</body>
</html>